/* 基础配置 */
:root {
  /* 主题色 */
  --theme-color: #1C6AFF;
  /* 表格按钮 */
  --form-btn: #71BDFF;
  /* 表格按钮hover */
  --form-btn-hover: #6FB0FF;
  /* 表格按钮点击 */
  --form-btn-active: #2F70BF;
  /* 所有的标题 */
  --title: #262626;
  /* 表格里面文字和按钮里面文字 */
  --box-font: #595959;
  /* 边框 */
  --border-color: #D9D9D9;
  /* 输入占位符 */
  --input-placeholder: #BFBFBF;
  /* 表格头部颜色 */
  --form-head: #E5F4F4;
  /* 表格hover */
  --table-hover: #FAFAFA;
  /* 表格下边框 */
  --table-bottom: #F0F0F0;
  /* 橙色状态 */
  --orange-state: #FAAD14;
  /* 蓝色状态 */
  --blue-state: #1677FF;
  /* 绿色状态 */
  --green-state: #52C41A;
  /* 红色状态 */
  --red-state: #FF4D4F;

  /* 橙色状态背景 */
  --orange-state-bg: #FFFBE6;
  /* 橙色状态边框 */
  --orange-state-bd: #FFF1B8;
  /* 蓝色状态背景 */
  --blue-state-bg: #e8f4ff;
  /* 蓝色状态边框 */
  --blue-state-bd: #a3d3ff;
  /* 绿色状态背景 */
  --green-state-bg: #F6FFED;
  /* 绿色状态边框 */
  --green-state-bd: #D9F7BE;
  /* 红色状态背景 */
  --red-state-bg: #FFF1F0;
  /* 红色状态边框 */
  --red-state-bd: #FFCCC7;

  /* 工作区背景 */
  --work-area: #F0F5F3;
  /* 血缘工具栏背景 */
  --toolbar: #FAFAFA;

  /* 侧边外菜单背景 */
  --side-menu-bg: #fff;
  /* 侧边菜单内背景色 */
  --menu-bg: #F0F0F0;
  /* 侧边菜单字体颜色 */
  --side-menu-fontcolor: #595959;
  /* 侧边菜单选中背景色 */
  --menu-active-bg: #D7EBE8;

  /* 顶部导航背景色 */
  --top-nav-bg1: #009999;
  --top-nav-bg2: #00B1A0;
  /* 顶部菜单字体颜色 */
  --top-nav-fontcolor: #D9F0EF;
  /* 顶部选中颜色 */
  --top-nav-active: #fff;
  /* 顶部导航条颜色 */
  --top-nav-bar: #fff;

  /* 表格背景 */
  --form-bg: #fff;
  /* loading颜色 */
  --loading-bg: #fff;
  /* 树hover */
  --tree-hover: #e5f4f4;

  /* 边框圆角 */
  --border-radius: 2px;
  /* 字体大小12 */
  --font12: 12px;
  /* 字体大小14 */
  --font14: 14px;
  /* 字体大小16 */
  --font16: 16px;
  /* 字体大小18 */
  --font18: 18px;
  /* 字体大小20 */
  --font20: 20px;

  /* 按钮 */
  --btn-hover: #40D2BB;
  --btn-active: #00927B;
  --btn-disable: #bfbfbf;
  --disable: #f5f5f5;
  --disable-raido: #f5f5f5;
  /* 主按钮禁用 */
  --btn-main-disable: #BFF0E8;
  /* 辅助按钮禁用 */
  --btn-auxiliary-disable: #B7EEE5;
  /* 审计监控 渐变 块 */
  --linear-gradient: linear-gradient(135deg, #F0F2F5 0%, #EAFFF7 100%);

  /* 模块介绍 */
  --intro-border: #BFBFBF;
  --intro-tip: #8C8C8C;
  --intro-title: #595959;

  /* 资产标题 */
  --zc-title: #000;
  /* readonly禁止 */
  --readonly: #eee;

  /* 弹窗头部底部背景 */
  --pop-down: #f8f8f9;
}

.white_active {
  display: block;
}

.black_active {
  display: none;
}